

<ion-grid class="grid-padding" *ngIf="show">
  <ion-row class="" justify-content: center>
    <ng-container *ngFor="let item of items; let i=index">
      <ion-col class="main-item" size="6"  offset="0" *ngIf="item.value.length > 1 || !item.disabled" >
        <!-- <img class="image" src="{{item.defaultImage}}"> -->
        <input  id="{{item.formKey}}" type="file" accept="image/*" name="{{item.formKey}}" *ngIf="!isNative && !item.disabled" (change)="uploadFile($event,item)" multiple/>            
        <label for="{{item.formKey}}" class="img_label" *ngIf="!isNative ">
          <div class="imageContent"  appDebounceClick (debounceClick)="showImg($event,item)" >
              <img *ngIf="item.value.length > 1" class="image" src="{{item.value}}">
              <img *ngIf="!(item.value.length > 1) && !item.disabled" class="image" src="../assets/img/{{item.defaultImage}}">
              <img *ngIf="(item.value.length > 1) && item.disabled !== true" class="addIcon" src="../assets/img/authentication_img_camera@3x.png" >
          </div>
            
          </label>
        <label for="{{item.formKey}}" class="img_label"  *ngIf="isNative "  appDebounceClick (debounceClick)="presentAction(i,item)">
            <div class="imageContent" *ngIf=" item.value.length > 1 || !item.disabled">
                <img *ngIf="item.value.length > 1" class="image" src="{{item.value}}">
                <img *ngIf="!(item.value.length > 1) && !item.disabled" class="image" src="../assets/img/{{item.defaultImage}}">
                <img *ngIf="(item.value.length > 1) && item.disabled !== true" class="addIcon" src="../assets/img/authentication_img_camera@3x.png" >
            </div>
        </label>
        <p *ngIf="!(item.value.length > 1) && !item.disabled" class="label">{{item.placeHolder}}</p>
        <p *ngIf="(item.value.length > 1) && item.label.length > 0" class="label">{{item.label}}</p>
      </ion-col>
    </ng-container>
    
    
  </ion-row>
</ion-grid>
<!-- <div id="item.formKey" [style.background-image]="item.defaultImage" > -->
<!-- <input id="{{item.formKey}}" type="file" accept="image/*" name="img_upload" *ngIf="!isNative " (change)="uploadFile($event)" />             -->

<!-- <label for="img_upload" class="img_label"  *ngIf="isNative"  appDebounceClick (debounceClick)="presentAction()"> -->
<!-- </label> -->

<!-- </div> -->